@charset 'utf-8';

.content-list-wrap{
	height: 94%;
}
.content-list{
	height: 100%;
}
.content-left{
	display: inline-block;
	width: 27%;
	height: 100%;
	vertical-align: top;
	color: #FFFFFF;
}
.content-middle{
	display: inline-block;
	width: 45%;
	height: 100%;
	vertical-align: top;
	color: #FFFFFF;
}
.content-right{
	display: inline-block;
	width: 27%;
	height: 100%;
	text-align: center;
	color: #FFFFFF;
}
.itemList,
.chartBox{
	position: relative;
	/*padding: 10px 15px;*/
	border: 1px solid #337ab7;
	border-radius: 5px;
	box-shadow: 0 0 8px #337ab7 inset;
	background-color: rgba(107,149,185,.1);
}
.inOutTab{
	width: 100%;
	position: absolute;
	top: -10px;
	z-index: 2;
}
.list{
	width: 100%;
}
.list li{
	display: inline-block;
	width: 49%;
	text-align: center;
}
.list li span{
	display: inline-block;
	padding: 2px 15px;
	background-color: #337ab7;
	border-radius: 4px;
	cursor: pointer;
}
.chartwrap{
	display: inline-block;
	vertical-align: middle;
}
.leftBox h5,
.midItem h5{
	text-align: center;
}
.personItem{
	margin: 10% 0;
	border-radius: 4px;
}
.personItem img{
	width: 80%;
}
.personItem .itemLeft{
	display: inline-block;
	padding: 5px 4px;
	width: 30%;
	text-align: center;
}
.personItem .itemRight{
	display: inline-block;
	width: 67%;
	text-align: center;
}
.itemRight span{
	display: inline-block;
	width: 100%;
}
.education{
	display: inline-block;
	padding: 5px 5px 0;
	width: 100%;
}
.education .edLeft,
.education .edRight{
	display: inline-block;
	padding: 2px 10px;
	width: 49%;
	overflow: hidden;
}
.edLeft{
	background-color: #0e376f;
	border: 1px solid #11B3EC;
	border-radius: 15px;
	vertical-align: text-bottom;
}
.edRight{
	vertical-align: bottom;
}
.edRight b{
	padding-right: 5px;
	font-size: 1.4em;
	color: #35acfe;
}
.unit{
	display: inline-block;
	width: 22%;
	text-align: right;
	line-height: 1.8em;
}
.listWrap{
	width: 100%;
	text-align: center;
	margin-bottom: 0;
}
.listWrap li{
	display: inline-block;
	padding: 5px;
	width: 32%;
}
.listWrap img,
.specialSum img{
	padding: 5px;
	width: 40%;
	border: 1px solid #2196F3;
    border-radius: 50%;
}
.listWrap span,
.specialSum span{
	display: block;
	width: 100%;
	
}
.specialSum span{
	margin: 5% 0;
}
.circle_bg{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/circle_bg.png) no-repeat center center;
    background-size: 35%;
    opacity: 0.3;
    z-index: -1;
}
.importantPerson li{
	position: absolute;
    width: 30%;
}
.importantPerson .title_im{
	display: inline-block;
	width: 100%;
	text-align: left;
	text-indent: 1em;
	font-size: 0.8em;
}
.importantPerson .item_im{
	position: relative;
	border: 1px solid #2196F3;
	border-radius: 15px;
	box-shadow: 0 0 8px #3F51B5 inset;
}
.item_im img{
	position: absolute;
    left: -15px;
    top: -5px;
    width: 35%;
    background-color: #3F51B5;
    border-radius: 50%;
}
.item_im span{
	display: inline-block;
	padding: 4px;
}
.p-t-l{
	top: 12%;
    left: 20%;
}
.p-t-r{
	top: 20%;
	right: 10%;
}
.p-b-l{
	bottom: 20%;
	left: 10%;
}
.p-b-r{
	bottom: 10%;
	right: 15%;
}
